﻿@page "/docs/helpers/enums/tooltip"

<Seo Canonical="/docs/helpers/enums/tooltip" Title="Enums: Tooltip" Description="Learn about the Blazorise Tooltip enums." />

<DocsPageTitle>
    Enums: Tooltip
</DocsPageTitle>

<DocsPageSection>
    <DocsPageSectionHeader Title="TooltipPlacement">
        <Paragraph>Defines the placement of an element.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>Top</Code> Top-center side.</UnorderedListItem>
            <UnorderedListItem><Code>TopStart</Code> Top-left side.</UnorderedListItem>
            <UnorderedListItem><Code>TopEnd</Code> Top-right side.</UnorderedListItem>
            <UnorderedListItem><Code>Bottom</Code> Bottom-center side.</UnorderedListItem>
            <UnorderedListItem><Code>BottomStart</Code> Bottom-left side.</UnorderedListItem>
            <UnorderedListItem><Code>BottomEnd</Code> Bottom-right side.</UnorderedListItem>
            <UnorderedListItem><Code>Left</Code> Left-center side.</UnorderedListItem>
            <UnorderedListItem><Code>LeftStart</Code> Left-top side.</UnorderedListItem>
            <UnorderedListItem><Code>LeftEnd</Code> Left-bottom side.</UnorderedListItem>
            <UnorderedListItem><Code>Right</Code> Right-center side.</UnorderedListItem>
            <UnorderedListItem><Code>RightStart</Code> Right-top side.</UnorderedListItem>
            <UnorderedListItem><Code>RightEnd</Code> Right-bottom side.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="TooltipTrigger">
        <Paragraph>Determines the events that cause the tooltip to show.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>MouseEnterFocus</Code> - Tooltip will show on mouse enter and focus event (default option).</UnorderedListItem>
            <UnorderedListItem><Code>Click</Code> - Tooltip will show on click event only.</UnorderedListItem>
            <UnorderedListItem><Code>Focus</Code> - Tooltip will show on focus event only.</UnorderedListItem>
            <UnorderedListItem><Code>MouseEnterClick</Code> - Tooltip will show on mouse enter and click event.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>